<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- header -->
    <div class="header-wrap">
        <div class="header-top">
            <div class="w clearfix">
                <ul class="top-list fl">
                    <li>
                        <a href="#">
                            请登录
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            免费注册
                        </a>
                    </li>
                    <li class="webc">
                        <a href="#">
                            <i class="iconfont icon-dianhua"></i>
                            400-684-6688
                        </a>
                    </li>
                </ul>
                <p class="child fr">
                    少儿英语
                </p>
            </div>
        </div>

        <div class="header w clearfix">
            <h1 class="logo fl">
                <img src="./images/logo.png" alt="">
            </h1>
            <ul class="header-nav fr">
                <li>
                    <a href="#">
                        首页
                    </a>
                </li>
                <li>
                    <a href="#">
                        免费试听
                    </a>
                </li>
                <li>
                    <a href="#">
                        如何上课
                    </a>
                </li>
                <li>
                    <a href="#">
                        课程
                    </a>
                </li>
                <li>
                    <a href="#">
                        教学服务
                    </a>
                </li>
                <li>
                    <a href="#">
                        退款保障
                    </a>
                </li>
                <li>
                    <a href="#">
                        测试
                    </a>
                </li>
                <li>
                    <a href="#">
                        关于我们
                        <i class="iconfont icon-xiala"></i>
                    </a>
                </li>
            </ul>
        </div>
    </div>

    <!-- banner -->
    <div class="banner">
        <!-- 上一页 -->
        <a href="#" class="prev">
            <i class="iconfont icon-pre"></i>
        </a>

        <!-- 下一页 -->
        <a href="#" class="next">
            <i class="iconfont icon-fanye"></i>
        </a>

        <!-- 图片导航按钮 -->
        <ul class="banner-list">
            <li>
                <a href="#"></a>
            </li>
            <li class="nav-on">
                <a href="#"></a>
            </li>
            <li>
                <a href="#"></a>
            </li>
            <li>
                <a href="#"></a>
            </li>
            <li>
                <a href="#"></a>
            </li>
        </ul>

    </div>

    <!-- content -->
    <div class="content">
        <!-- 内容1 -->
        <div class="con1">
            <div class="w clearfix">
                <h2 class="con1-tit">
                    效果无上限，价格无底线
                </h2>
                <p class="con1-p">
                    不限课时、不限级别，英美外教畅学。听课天天免费，永远不怕见光死。
                </p>
                <div class="con1-box fl">
                    <img src="./images/index/img1.png" alt="">
                    <p class="con1-intro">
                        朗文中级英语语法II(L4)-CHAPTER11
                    </p>
                </div>
                <div class="con1-box fl con1-box-mg">
                    <img src="./images/index/img2.png" alt="">
                    <p class="con1-intro">
                        自选生活英语口语L5-DREAMS
                    </p>
                </div>
                <div class="con1-box fl">
                    <img src="./images/index/img3.png" alt="">
                    <p class="con1-intro">
                        零基础英语词汇II-I HAVE A JOB
                    </p>
                </div>
                <div class="con1-box fl">
                    <img src="./images/index/img4.png" alt="">
                    <p class="con1-intro">
                        INSTYLE生活英语口语L3-PEOPLE THAT 
                    </p>
                </div>
                <div class="con1-box fl con1-box-mg">
                    <img src="./images/index/img5.png" alt="">
                    <p class="con1-intro">
                        朗文中级英语语法I(L3)-CHAPTER9-
                    </p>
                </div>
                <div class="con1-box fl">
                    <img src="./images/index/img6.png" alt="">
                    <p class="con1-intro">
                        INSTYLE生活英语口语L4-INVITING
                    </p>
                </div>
                <div class="more w">
                    <span class="more-txt">
                        MORE
                    </span>
                </div>
            </div>
        </div>

        <!-- 内容2 -->
        <div class="con2 w">
            <h2 class="con2-tit">
                数据胜于雄辩
            </h2>
            <p class="con2-line">
                <img src="./images/index/line.png" alt="">
            </p>
            <div class="con2-box fl clearfix">
                <i class="iconfont icon-rili fl"></i>
                <h3 class="con2-h3">
                    7年
                </h3>
                <p class="con2-intro">
                    时间的累积沉淀
                </p>
            </div>
            <div class="con2-box con2-box-mg fl clearfix">
                <i class="iconfont icon-xueyuanguanli fl"></i>
                <h3 class="con2-h3">
                    60万
                </h3>
                <p class="con2-intro">
                    注册学员
                </p>
            </div>
            <div class="con2-box fl clearfix">
                <i class="iconfont icon-weixin fl"></i>
                <h3 class="con2-h3">
                    100,000条+
                </h3>
                <p class="con2-intro">
                    学员评论
                </p>
            </div>

            <h4 class="eval">
                学员评价
            </h4>

            <div class="eval-box clearfix">
                <img class="headimg fl" src="./images/index/headimg1.png" alt="">
                <div class="msg fl clearfix">
                    <h5 class="msg-tit fl">
                        GINA said :
                        <span class="msg-date fr">
                            2015-01-07
                        </span>
                    </h5>
                    <p class="msg-txt fl">
                        老师上课气氛很好 超级喜欢
                    </p>
                </div>
            </div>
            <div class="eval-box clearfix">
                <img class="headimg fl" src="./images/index/headimg2.png" alt="">
                <div class="msg fl clearfix">
                    <h5 class="msg-tit fl">
                        GINA said :
                        <span class="msg-date fr">
                            2015-01-07
                        </span>
                    </h5>
                    <p class="msg-txt fl">
                        老师上课气氛很好 超级喜欢
                    </p>
                </div>
            </div>
            <div class="eval-box clearfix">
                <img class="headimg fl" src="./images/index/headimg3.png" alt="">
                <div class="msg fl clearfix">
                    <h5 class="msg-tit fl">
                        GINA said :
                        <span class="msg-date fr">
                            2015-01-07
                        </span>
                    </h5>
                    <p class="msg-txt fl">
                        KELLY老师的课互动很多，感觉很轻松且开心
                    </p>
                </div>
            </div>
        </div>
    </div>


    <!-- footer -->
    <div class="footer-wrap">
        <div class="footer">
            <div class="w clearfix">
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        关于我们
                    </h2>
                    <p class="about">
                        上海乐知网络科技有限公司（乐知英语）成立于2006年，是一家集英语教育及互联网科技为一体的创新培训机构。
                    </p>
                    <img src="./images/share.png" alt="">
                </div>
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        购买帮助
                    </h2>
                    <ul class="buylist">
                        <li>
                            <a href="#">
                                >课程咨询
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                >教务客服
                            </a>
                        </li>
                        <li>
                            <a href="#">
                                >技术支持
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        热门标签
                    </h2>
                    <div class="hot-tip">
                        核心口语
                    </div>
                    <div class="hot-tip">
                        地道英语
                    </div>
                    <div class="hot-tip">
                        语音语法
                    </div>
                    <div class="hot-tip">
                        商务英语
                    </div>
                </div>
                <div class="f-box fl">
                    <h2 class="footer-tit">
                        联系我们
                    </h2>
                    <div class="call">
                        <p>
                            <i class="iconfont icon-youxiang"></i>
                            support@hiknow.com
                        </p>
                        <p class="call-mr">
                            <i class="iconfont icon-dianhua"></i>
                            400 684 6688
                        </p>
                        <p>
                            <i class="iconfont icon-weibo"></i>
                            乐知英语 官方微博
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="footer-bottom">
            <div class="bot-box">
                <ul class="bot-list clearfix">
                    <li>
                        网站地图
                    </li>
                    <li>
                        友情链接：
                    </li>
                    <li>
                        <a href="#">
                            海词词典
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            英语口语
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            上海培训网
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            英语单词表
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            VOA美国之音
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            GRE
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            VOA慢速英语
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            英语考试
                        </a>
                    </li>
                </ul>
                <p class="backup">
                    沪ICP备09038394号 Copyright©2006-2013 Hiknow Inc. All Rights Reserved. ©乐知网hiknow.com版权所有,本公司保留所有权利.
                </p>
                <div class="bot-img">
                    <img src="./images/footerlist.png" alt="">
                </div>
            </div>
        </div>
    </div>
</body>

</html>